<template>
    <!-- 集团分包商汇总 -->
    <div id="subcontractorCollectCon" class="con">
        <div class="tabs-title" id="subcontractorCollect">分包商汇总</div>
        <div class="e-table">
            <el-table
                ref="multipleTable"
                :data="groupDtlList"
                tooltip-effect="dark"
                style="width: 100%"
                class="table"
                :max-height="$store.state.tableHeight"
                :header-cell-style="{ textAlign: 'center' }"
                :cell-style="{ textAlign: 'center' }"
                @selection-change="handleSelectionChange"
                v-sortTable="{
                    tableData: groupDtlList,
                    _this: this,
                    ref: 'multipleTable'
                }"
            >
                <el-table-column type="selection" width="50"> </el-table-column>
                <el-table-column label="序号" width="50"> </el-table-column>
                <el-table-column
                    prop="outerName"
                    label="分包商名称"
                    width="150"
                >
                </el-table-column>
                <el-table-column label="评价等级" width="500">
                    <el-table-column label="集团下一级单位" width="500">
                        <el-table-column
                            label="A级：90-100分"
                            width="150"
                            prop="A"
                        >
                        </el-table-column>
                        <el-table-column
                            label="B级：75-89分"
                            width="150"
                            prop="B"
                        >
                        </el-table-column>
                        <el-table-column
                            label="C级：60-74分"
                            width="150"
                            prop="C"
                        >
                        </el-table-column>
                        <el-table-column
                            label="D级：60分以下"
                            width="150"
                            prop="D"
                        >
                        </el-table-column>
                        <el-table-column label="合计" width="100" prop="total">
                        </el-table-column>
                    </el-table-column>
                </el-table-column>
                <el-table-column
                    prop="finalEvaluateLevel"
                    label="评价等级"
                    width="150"
                >
                </el-table-column>
                <el-table-column
                    prop="startDate"
                    label="开始日期"
                    width="200"
                    show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                    prop="endDate"
                    label="结束日期"
                    width="250"
                    show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                    prop="opinion"
                    label="评价意见"
                    width="150"
                    show-overflow-tooltip
                >
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {
            groupDtlList: [] //列表数据
        }
    },
    methods: {
        handleSelectionChange () {
            console.log(1)
        }
    }
}
</script>
